.topBar {
  position: relative;
  padding-bottom: 96px;
  // 灰色背景栏
  .greyBg {
    width: 100%;
    height: 140px;
    background: #868686;
    border-radius: 6px 6px 0 0;
    .bgTop {
      height: 45px;
      display: flex;
      align-items: center;
      color: #F2F2F2;
      span.ToHome {
        width: 45px;
        text-align: center;
        font-size: 28px;
        font-weight: bolder;
      }

      span.search {
        width: 45px;
        font-size: 20px;
        text-align: center;
        font-weight: bolder;
        margin-left: 146px;
      }

      span.collect {
        width: 86px;
        text-align: center;
        font-size: 14px;   
      }

      span.share {
        font-size: 20px;
        width: 45px;
        text-align: center;
      }
    }

    .bgCenter {
        font-size: 50px;
        line-height: 50px;
        text-align: center;
    }
  }
  // 商铺详情信息栏
  .storeMsg {
    position: absolute;
    top: 74px;
    left: 0;
    right: 0;
    width: 355px;
    height: 153px;
    border-radius: 6px 6px 0 0;
    background: #fff;
    padding: 13px 10px 0;
    margin: 0 auto;
    //商铺第一栏
    .msgTop {
      height: 54px;
      display: flex;
      justify-content: space-between;
      .topLeft {
        width: 250px;
        h2 {
          width: 224px;
          height: 30px;
          line-height: 30px;
          font-size: 16px;
          font-weight: bold;
          color: #515151;
        }

        .leftMsg {
          display: flex;
          span.sendName {
            font-size: 12px;
            width: 60px;
            height: 20px;
            line-height: 20px;
            text-align: center;
            color: #37A9C8;
            background: #DFFEFF;
          }

          .allMsg{
            width: 190px;
            height: 20px;
            font-size: 12px;
            display: flex;
            align-items: center;
            color: #666666;
            span.sendTime {
              padding:0 6px;
            }
  
            span.saleNum {
              padding:0 6px;
              border-left:1px solid #666;
              border-right:1px solid #666;
            }
  
            span.pickUp {
              padding:0 6px;
            }
          }
          
        }
        
   
      }
      .rightMsg {
        width: 50px;
        height: 50px;
        img {
          width: 100%;
          height: 100%;
        }
      }
      
    }
    // 商铺第二栏公告
    .noticeMsg {
      p.notice {
        width: 280px;
        height: 30px;
        line-height: 30px;
        font-size: 12px;
        color: #666666;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }
    }
    // 商铺名称，第三栏 领取红包
    .redPK {
      display: flex;
      margin-bottom: 10px;
      span.packet {
        width: 80px;
        height: 20px;
        background: #E95158;
        font-size: 12px;
        color: #fff;
        line-height: 20px;
        text-align: center;
      }
      span.change {
        width: 25px;
        height: 20px;
        line-height: 20px;
        text-align: center;
        background: #E95158;
        font-size: 12px;
        color: #fff;
        border-left: 1px dashed #fff;
      }
    }
    // 商铺名称，第四栏 满减信息
    .subPrice {
      display: flex;
      span.subMsg {
        font-size: 12px;
        line-height: 20px;
        height: 20px;
        color: #E95158;
        border: 1px solid #E95158;
        border-radius: 4px;
        padding: 0 6px;
        margin-right: 10px;
      }
    }
  }
}